import React,{Component} from 'react';
import {RecommendWrapper,RecommendItem} from "../style"
import {connect} from 'react-redux'

class Recommend extends Component{
	render(){
		const {list}=this.props;
		return (
			<div>
				<RecommendWrapper>
					{
						list.map((item)=>{
							return (
								<RecommendItem 
									imgUrl={item.get('imgUrl')}
									key={item.get('id')}
								/>
							)
						})
					}				
				</RecommendWrapper>
			</div>
		)
	}
}


const mapState=(state)=>({
	list:state.getIn(["home","recommendList"])

})





export default connect(mapState,null)(Recommend);